<table style="table-layout:fixed;overflow:hidden;"><tbody>
    <col style="width:200px;"><col style="width:700px;"><col style="width:200px;">
    <tr>
    <td>
    <input id="el-1" class="ra el" type="radio" name="elm" value="-1" style="display:none;"><span class="cmp"></span><br>
    <input id="el0" class="ra el" type="radio" name="elm" value="0"><span class="cmp">Убрать категорию</span><br><hr>
    </td>
    <td style="vertical-align:bottom;text-align:right;">
                <table><tbody>
                      <tr>
                          <td><button onclick="get_sentence('p');"><<</button>&nbsp;</td>
                          <td><div id="navdiv"></div></td>
                          <td>&nbsp;<button onclick="get_sentence('n');">>></button></td>
                      </tr></tbody></table>
    
                <table style="width:100%;"><tbody>
                  <tr>

                  <td>
                   <!--
                  <button onclick="assign_category('0');">Назначить категорию</button>&nbsp;
                  <button onclick="remove_category_class('0');">Убрать категорию</button>&nbsp;
                     -->
                      <button onclick="join_word();">Соединить</button>&nbsp;
                  <button onclick="separate_word('0');">Отделить</button>&nbsp;
                  <!--<button onclick="put_down_sentence();">Записать результаты</button>&nbsp;-->
                  </td>
                       <td>
                          <span id="instruk" style="width:600px;height:50px;overflow:auto;"></span>
                       </td>

                    <td style="text-align:right;"></td>


                   </tr>
                 </tbody></table>

     </td>
    <td>
        <!--<button id = "swbut" sw="1" onclick="toggle_marks();">Скрыть/Показать</button>-->
        <!---->

    <table style="border:1px solid blue;"><tbody>
    <tr>
    <td colspan="3"><span id = "swbut" sw="0" class = "bch" onclick="check_switcher();">Проверить</span>
      </td><td><span>Все</span><input id="ale" type="checkbox" checked></td>
    </tr>
    <tr>
    <td class="zdn">Элементы</td><td><input id="elmch" type="checkbox" class="inz" checked></td>
        <td class="zdn">Группы</td><td><input id="grpch" type="checkbox" class="inz" checked></td>
    </tr>

    <tr>
    <td class="zdn">Синт. элементы</td><td><input id="selch" type="checkbox" class="inz" checked></td>
        <td class="zdn">Синт. группы</td><td><input id="sgrch" type="checkbox" class="inz" checked></td>
    </tr>

    </tbody></table>



    </td>

    </tr>

    <tr>

    <td class="cmpcel" style="vertical-align:top;">

        <input  id="el2" class="ra el" type="radio" name="elm" value="2"><span class="cmp">Причастие активное</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/1m.png"></span><br>
        <input  id="el12" class="ra el" type="radio" name="elm" value="12"><span class="cmp">Причастие пассивное</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/12m.png"></span><br>
        <input  id="el20" class="ra el" type="radio" name="elm" value="20"><span class="cmp">Инфинитив</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/lightbulb.png"></span><br>
        <input  id="el9" class="ra el" type="radio" name="elm" value="9"><span class="cmp">Герундий</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/3m.png"></span><br><hr>

        <input id="el1" class="ra el" type="radio" name="elm" value="1"><span class="cmp">Существительное</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/5m.png"></span><br>
        <input  id="el10" class="ra el" type="radio" name="elm" value="10"><span class="cmp">Глагол</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/17m.png"></span><br>
        <input  id="el13" class="ra el" type="radio" name="elm" value="13"><span class="cmp">Местоимение</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/6m.png"></span><br>
        <input  id="el18" class="ra el" type="radio" name="elm" value="18"><span class="cmp">Прилагательное</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/11m.png"></span><br>
        <input  id="el7" class="ra el" type="radio" name="elm" value="7"><span class="cmp">Наречие</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/7m.png"></span><br><hr>

       <input  id="el17" class="ra el" type="radio" name="elm" value="17"><span class="cmp">Определение левое</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/asterisk_orange.png"></span><br>
       <input  id="el23" class="ra el" type="radio" name="elm" value="23"><span class="cmp">Определение родительное</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/8m.png"></span><br><hr>

        <input  id="el3" class="ra el" type="radio" name="elm" value="3"><span class="cmp">Предлог</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/9m.png"></span><br>
        <input  id="el14" class="ra el" type="radio" name="elm" value="14"><span class="cmp">Артикль</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/artic.png"></span><br>
        <input  id="el15" class="ra el" type="radio" name="elm" value="15"><span class="cmp">Полуартикль</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/2m.png"></span><br>
        <input  id="el16" class="ra el" type="radio" name="elm" value="16"><span class="cmp">Союз</span><span><img src="<?php bloginfo('template_url');?>/teplates/img/lightning.png"></span><br><hr>
       </td>

        <td style="vertical-align:top;">
           <div id="sentence" ind="-1" hid="0" style="border:1px solid red;width:898px;height:400px;overflow-x:auto;overflow-y:auto;"></div>
     </td>
     <td class="cmpcel" style="vertical-align:top;">
         <input id="gr-1" class="ra gr" type="radio" name="gru" value="-1"  style="display:none;"><span class="cmp"></span><br>
         <input id="gr0" class="ra gr" type="radio" name="gru" value="0"><span class="cmp">Убрать категорию</span><br><hr>
         <input id="gr4" class="ra gr" type="radio" name="gru" value="4"><span class="cmp">Активный оборот</span><br>
         <input id="gr5" class="ra gr" type="radio" name="gru" value="5"><span class="cmp">Пассивный оборот</span><br>
         <input id="gr6" class="ra gr" type="radio" name="gru" value="6"><span class="cmp">Герундиальный оборот</span><br>
         <input id="gr21" class="ra gr" type="radio" name="gru" value="21"><span class="cmp">Инфинитивный оборот</span><br><hr>

         <input id="gr8" class="ra gr" type="radio" name="gru" value="8"><span class="cmp">Дополнение предложное</span><br>
         <input id="gr11" class="ra gr" type="radio" name="gru" value="11"><span class="cmp">Сказуемое</span><br>
         <input id="gr19" class="ra gr" type="radio" name="gru" value="19"><span class="cmp">Субьект</span><br>
         <input id="gr22" class="ra gr" type="radio" name="gru" value="22"><span class="cmp">Объект</span><br><hr>


         <table  id="rez" style="border: 1px solid green;"><tbody id="tb_rez">
         <tr>
             <td class="rzt hzd" >Название</td>
             <td class="rzt hzd" style="color:green;">Верно</td>
             <td  class="rzt hzd" style="color:red;">Ошибки</td>
          </tr>
         <tr><td class="rzt">Элементы</td><td class="rzt" style="color:green;">0</td><td class="rzt" style="color:red;">0</td></tr>
             <tr><td class="rzt">Группы</td><td class="rzt" style="color:green;">0</td><td class="rzt" style="color:red;">0</td></tr>
             <tr><td class="rzt">Cинт.элементы</td><td class="rzt" style="color:green;">0</td><td class="rzt" style="color:red;">0</td></tr>
             <tr><td class="rzt">Cинт.группы</td><td class="rzt" style="color:green;">0</td><td class="rzt" style="color:red;">0</td></tr>



         </tbody></table>

         </td>

    </tr>


    <tr>
     <td></td>
      <td style="vertical-align:top;text-align:right;">
        <div id="actiondiv" style="margin-left:600px;">
        <table><tbody>
              <tr><td style="vertical-align:top;"></td>
              <td style="vertical-align:top;"><button onclick="join_group();">Присоединить</button>&nbsp;</td>
              <td style="vertical-align:top;"><button onclick="separate_group();">Отделить</button>&nbsp;</td>
          </tr>
      </tbody></table>
    </div>


    </td>
    <td></td>
        </tr>
    </tbody></table>

      <br /><br />
    <iframe id="load_iframe" width="1" height="1" style="display:none" src="trenajer_index.php#"></iframe>
    <div id="datadiv" style="display:none"></div>
              </div>

        <div id="words">


         </div>

    </div>